<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .site-r a {
        color: red;
    }

    .nav {
        font-size: 14px;
        font-family: '微软雅黑';
    }

    .sitenav {
        font-size: 14px;
        font-family: '微软雅黑';
    }

    .nav > ul > li > a {
        color: green;
    }
</style>
<body>
<div class="nav">    <!-- 主导航栏 -->
    <ul>
        <li ><a href="#">公司首页</a></li>
        <li><a href="#">公司简介</a></li>
        <li><a href="#">公司产品</a></li>
        <li>
            <a href="#">联系我们</a>
            <ul>
                <li><a href="#">公司邮箱</a></li>
                <li><a href="#">公司电话</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="sitenav">    <!-- 侧导航栏 -->
    <div class="site-l">左侧侧导航栏</div>
    <div class="site-r"><a href="#">登录</a></div>
</div>
</body>
</html>